<script>
export default {
  components: {},
  props: {
    title: {
      type: String,
      default: '',
    },
    items: {
      type: String,
      default: '',
    },
  },
}
</script>

<template>
  <!-- start page title -->
  <div class="row">
    <div class="col-12">
      <div class="page-title-box">
        <h4 class="mb-0">
          {{ title }}
          <div v-if="items" class="page-title-right float-right">
            <span style="font-size:0.9rem;font-weight:normal;">{{items}}</span>
          </div>
        </h4>

        <!-- <div class="page-title-right">
          <b-breadcrumb :items="items" class="m-0"></b-breadcrumb>
        </div> -->
        
      </div>
    </div>
  </div>
  <!-- end page title -->
</template>
